<template>
  <n-config-provider :locale="zhCN" :date-locale="dateZhCN" :theme-overrides="themeOverrides">
    <n-message-provider>
      <Message />
      <slot></slot>
    </n-message-provider>
  </n-config-provider>
</template>

<script setup>
import { NMessageProvider, NConfigProvider, NGlobalStyle } from 'naive-ui';
import { zhCN, dateZhCN } from 'naive-ui';
import Message from './Message.vue';

const themeOverrides = reactive({
  common: {
    primaryColor: '#009688'
  },
  Menu: {
    itemTextColor: '#aaa',
    itemTextColorHover: '#fff',
    itemTextColorActive: '#fff',
    itemTextColorActiveHover: '#fff',
    itemTextColorChildActive: '#fff',
    itemTextColorChildActiveHover: '#fff',

    itemIconColor: '#aaa',
    itemIconColorHover: '#fff',
    itemIconColorActive: '#fff',
    itemIconColorChildActive: '#fff',
    itemIconColorActiveHover: '#fff',
    itemIconColorChildActiveHover: '#fff',

    itemColorHover: '#009688',
    itemColorActive: '#009688',
    itemColorActiveHover: '#009688',

    arrowColor: '#aaa',
    arrowColorHover: '#fff',
    arrowColorActive: '#fff',
    arrowColorChildActive: '#fff',
    arrowColorChildActiveHover: '#fff'
  }
});
</script>